<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body class="index">
		<!-- 主体 -->
		<main class="min">
			<!-- 轮播图 -->
			<div class="swiper">
				<div class="swiper-wrapper">
					<div class="swiper-slide slide1"></div>
					<div class="swiper-slide slide2"></div>
					<div class="swiper-slide slide3"></div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
			<section class="min1">
				<!-- 左边 -->
				<div id="ranklf">
					<h3>今日排名</h3>
					<h1 id="rankNum">9</h1>
				</div>
				<!-- 右边 -->
				<div id="rankrt">
					<h3>累计打卡 <span id="clockNum"></span>天</h3>
					<button type="button" class="rankbtu">今日打卡</button>
				</div>
			</section>
			<section class="min2">
				<a href="" class="sport">运动数据</a>
				<div class="badege">
					<h3>累计运动徽章</h3>
					<p><span id="badege-data">3</span>枚</p>
				</div>
			</section>
			<section class="min3">
				<a href="sports_crouse.html">课程训练</a>
			</section>
			<section class="min4">
				<a href="sports_run.html">户外跑步</a>
			</section>
		</main>
		<!-- 底部导航 -->
		<nav class="tabbar">
			<!-- <a href="index.html" class="active"
				><span class="iconfont icon-shouye"></span> 首页</a
			>
			<a href="sport.html"><span class="iconfont icon-xinlv"></span>运动</a>

			<a href="mine.html"><span class="iconfont icon-wode"></span>我的</a> -->
		</nav>
	</body>
</html>
